<template>
  <div class="custom-programs">
    <Header></Header>
    <div class="banner-wrap">
      <div class="banner main-container">
        <img src="~@/assets/img/img_13_31.jpg" alt />
        <div class="content">
          <h1>企业内训</h1>
          <p>企业远程培训系统，打造企业大学</p>
          <p>企业培训 知识题库 在线考核 企业大学</p>
          <button @click="$router.push({name:'login'})">了解更多</button>
        </div>
      </div>
    </div>
    <div class="section-list">
      <div class="section style4">
        <div class="section-inner">
          <div class="tit-container scrollRevealTop0">
            <div class="tit">现场支持服务一站式</div>
          </div>
          <div class="section-body scrollRevealTop0">
            <ul>
              <li>
                <img src="~@/assets/img/img_3_16.png" alt />
                <div>对内培训</div>
              </li>
              <li>
                <img src="~@/assets/img/img_3_20.png" alt />
                <div>企业大学</div>
              </li>
              <li>
                <img src="~@/assets/img/img_3_19.png" alt />
                <div>企业会议</div>
              </li>
              <li>
                <img src="~@/assets/img/img_3_9.png" alt />
                <div>产品宣讲</div>
              </li>
            </ul>
            <button @click="$router.push({name:'login'})">了解更多</button>
          </div>
        </div>
      </div>

      <div class="section style1">
        <div class="section-inner">
          <div class="tit-container scrollRevealTop0">
            <div class="tit">灵活的企业培训系统</div>
          </div>
          <div class="section-body scrollRevealTop0">
            <img src="~@/assets/img/img_3_32.png" alt />
            <p>
              互动式直播/录播培训
              <br />音视图文培训课程支持
              <br />拖拽式构建页面更个性
            </p>
            <button @click="$router.push({name:'login'})">了解更多</button>
          </div>
        </div>
      </div>

      <div class="section style1">
        <div class="section-inner">
          <div class="tit-container scrollRevealTop0">
            <div class="tit">辅助工具提升培训质量</div>
          </div>
          <div class="section-body scrollRevealTop0">
            <img src="~@/assets/img/img_3_5.png" alt />
            <p>
              督学打卡激励持续学习
              <br />题库考试检验学习效果
              <br />企业社群增进学习沟通
            </p>
            <button @click="$router.push({name:'login'})">了解更多</button>
          </div>
        </div>
      </div>
      <div class="section style1">
        <div class="section-inner">
          <div class="tit-container scrollRevealTop0">
            <div class="tit">多端适配随时随地参与</div>
          </div>
          <div class="section-body scrollRevealTop0">
            <img src="~@/assets/img/img_3_2.png" alt />
            <p>
              微信抖音随时接入培训
              <br />直播回放自动生成课程
              <br />电脑手机随时随地参与
            </p>
            <button @click="$router.push({name:'login'})">了解更多</button>
          </div>
        </div>
      </div>

      <tryOut></tryOut>
    </div>
    <Footer></Footer>
    <fixed-btn></fixed-btn>
  </div>
</template>

<script>
import Header from "@/components/header";
import Footer from "@/components/footer";
import FixedBtn from "@/components/FixedBtn";
import tryOut from "@/components/tryOut";
import common from "@/assets/js/common";
import config from "@/assets/js/config";

//import $ from "jquery";

export default {
  name: "custom-programs",
  mixins: [common],
  components: {
    Header,
    Footer,
    FixedBtn,
    tryOut
  },
  data() {
    return {
      swiperOption1: {
        slidesPerView: "auto",
        centeredSlides: true,
        loop: true,
        autoplay: {
          delay: 5000,
          disableOnInteraction: false,
          autoplayDisableOnInteraction: false
        },
        pagination: {
          el: ".swiper-pagination",
          clickable: true
        }
      }
    };
  },
  methods: {}
};
</script>

<style lang="scss" scoped>
</style>
